import React from 'react';
import {View, StyleSheet} from 'react-native';

export default function App() {
  return (
    <View style={styles.container}>
      <View style={styles.separator}></View>
      <View style={styles.separator}></View>
      <View style={styles.separator}></View>
      <View style={styles.separator}></View>
      <View style={styles.separator}></View>
      <View style={styles.separator}></View>
      <View style={styles.separator}></View>
      <View style={styles.separator}></View>
      <View style={styles.separator}></View>
      <View style={styles.separator}></View>
      <View style={styles.separator}></View>
      <View style={styles.separator}></View>
      <View style={styles.separator}></View>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#000',
    paddingTop: 50,
  },
  separator: {
    // height: StyleSheet.hairlineWidth,
    height: 0.5,
    backgroundColor: '#fff',
    marginHorizontal: 50,
    marginTop: 20,
  },
});
